.app-login {
    width: 100%;
    height: 100%;
    background: url('../video/bg.mp4') no-repeat;
    background-size: cover;
    box-sizing: border-box;
    position: relative;

    //登录注册页面背景
    video{
        position: fixed;
        top: 0;
        left: -320px;
        width: auto;
        height: auto;
        z-index: -999;
    }
    .login-pwd {
        height: 30px;
        justify-content: flex-end;
        box-sizing: border-box;

        .pwd-text {
            width: 100px;
            height: 36px;
            font-size: 18px;
            text-align: center;
            color: #fff;
            font-family: PingFangSC-regular;
            line-height: 36px;
            border-radius: 10px;
            background-image: linear-gradient(to right, rgba(79, 172, 254,.5) 0%, rgba(0, 242, 254,.5) 100%);
        }

    }

    .login-phone {
        .phone-text {
            color: #fff;
            font-size: 28px;
            line-height: 48px;
            font-family: PingFangSC-bold;
        }

        .phone-tips {
            opacity: 0.6;
            color: rgba(255, 255, 255, 100);
            font-family: PingFangSC-regular;
            font-size: 16px;
        }
    }

    .login-form {
        width: 100%;
        height: 400px;
        justify-content: space-evenly;

        .first {
            position: relative;

            .icon-sanjiaoxing {
                color: #fff;
                position: absolute;
                top: 20px;
                left: 48px;
                font-size: 14px;
            }
        }

        input {
            width: 100%;
            height: 50px;
            line-height: 20px;
            background-color: rgba(255, 255, 255, .4);
            border-radius: 25px;
            color: #fff;
        }

        input::placeholder {
            color: rgba(255, 255, 255, .9);
        }

        .select-list {
            width: 56px;
            height: 20px;
            background-color: transparent;
            color: #fff;
            line-height: 20px;
            position: absolute;
            top: 14px;
            left: 15px;
            border: none;
            appearance: none;

        }

        .phone {
            line-height: 20px;
            border-radius: 25px;
            padding-left: 70px;
            color: #fff;
        }

        .second {
            justify-content: space-between;

            .msg-text {
                display: inline-block;
                width: 140px;
                height: 50px;
                background-color: red;
                margin-left: 20px;
            }
        }

        .btn {
            background-color: rgba(99, 255, 167, .5);
            color: rgb(255, 255, 255);
            border: none;
            -opacity: 0.5;
            border-radius: 25px;
            text-align: center;
            width: 100%;
            height: 50px;
            line-height: 20px;
        }
    }

    .login-wechat{
        justify-content: flex-end;
        color: #fff;

        .icon-weixin{
            margin-right: 8px;
            font-size: 18px;
        }
        .wechat{
            font-size: 14px;
        }
    }

    .erron-msg{
        color: red;
        font-size: 14px;
        position: absolute;
        bottom: 72px;
        left: 50%;
        transform: translateX(-50%);
    }
    .login-slogn{
        a{
            color: #fff;
        }
        color: #fff;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 40px;
    }
}